import React, { memo } from 'react'
import { Swiper } from 'react-vant';
const MySwiper = memo(() => {
  const imgs = [
    "https://img0.baidu.com/it/u=3548362101,4197401999&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=170",
    "https://img2.baidu.com/it/u=1728264854,3122444523&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=208",
    "https://img1.baidu.com/it/u=3460410343,1523426841&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=208",
    "https://img1.baidu.com/it/u=2488846775,1915029692&fm=253&fmt=auto&app=138&f=JPEG?w=1280&h=467"
  ]
  return (
    <div className='swiper'>
      <Swiper autoplay={3000}>{
        imgs.map((item,index)=>(
          <Swiper.Item key={index}>
            <img src={item} alt="" />
          </Swiper.Item>
        ))
      }</Swiper>
    </div>
  )
})

export default MySwiper